<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="image/png">

  <title>会议室使用情况——历史使用</title>

  <!--data table-->
  <link rel="stylesheet" href="js/data-tables/DT_bootstrap.css" />
  <link href="css/table-responsive.css" rel="stylesheet"/>
  <link href="css/style.css" rel="stylesheet">
  <link href="css/style-responsive.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <div class="logo">
         
            <h3 style="color: white">&nbsp; &nbsp;高校MRBS</h3>
        </div>

        <div class="logo-icon text-center">
           
      </div>
        <!--logo and iconic logo end-->


        <div class="left-side-inner">

            

            <!--sidebar nav start-->
            <ul class="nav nav-pills nav-stacked custom-nav">
				<br>
                <li><a href="index.html"><i class="fa fa-home"></i> <span>会议室审核</span></a></li>
                <li><a href="room.html"><i class="fa fa-building-o"></i> <span>会议室管理</span></a></li>
                <li><a href="users.html"><i class="fa fa-users"></i> <span>用户管理</span></a></li>
                <li class="menu-list"><a href="message"><i class="fa fa-comment-o"></i> <span>信息发布</span></a>
                    <ul class="sub-menu-list">
                        <li><a href="publish.html">我须留意</a></li>
                        <li><a href="rules.html">管理条例</a></li>
                    </ul>
                </li>
                <li class="menu-list"><a href="using"><i class="fa fa-cogs"></i> <span>使用情况</span></a>
                    <ul class="sub-menu-list">
                        <li><a href="usingnow.html">正在使用</a></li>
                        <li><a href="usingpast.html">历史使用</a></li>
                        <li><a href="nopassing.html">未通过审核</a></li>
                    </ul>
                </li>
                <li><a href="analyze.html"><i class="fa fa-tasks"></i> <span>数据统计</span></a></li>
             
            </ul>
            <!--sidebar nav end-->

        </div>
    </div>
    <!-- left side end-->
    
    <!-- main content start-->
    <div class="main-content" >

        <!-- header section start-->
        <div class="header-section">

        <!--toggle button start-->
        <a class="toggle-btn"><i class="fa fa-bars"></i></a>
        <!--toggle button end-->

        

        <!--notification menu start -->
        <div class="menu-right">
            <ul class="notification-menu">
                    
                <li>
                    <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-user"></i>
                        管理员
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                       
                        <li><a href="backlogin.html"><i class="fa fa-sign-out"></i>注销</a></li>
                    </ul>
                </li>

            </ul>
        </div>
        <!--notification menu end -->
        </div>
        <!-- header section end-->

        <!-- page heading start-->
        <div class="page-heading">
            <h3>
                会议室使用情况——历史使用
            </h3>
           
        </div>
        <!-- page heading end-->

        <!--body wrapper start-->
        <div class="wrapper">
             <div class="row">
                <div class="col-sm-12">
                <section class="panel">
                
                <div class="panel-body">
                <div class="adv-table editable-table ">
                <div class="clearfix">
                   
                   
                </div>
                <div class="space15"></div>
                <table class="table table-striped table-hover table-bordered" id="editable-sample">
                <thead>
                <tr>
                    
                    <th>预约者姓名</th>
                    <th>预约者院别</th>
                    <th>会议室名称</th>
                    <th>会议室院别</th>
                    <th>会议时间</th>
                    <th>会议主题</th>
                    <th>参会人数</th>
                    <th>备注</th>
                    

                </tr>
                </thead>
                <tbody>
                <tr class="">
                
                    <td>刘思彤</td>
                    <td>管理学院</td>
                    <td>会议室1</td>
                    <td>管理学院</td>
                    <td>4/28/12.00-4/28/14.00</td>
                    <td>院内会议</td>
                    <td>12人</td>
                    <td>无</td>
                
                   
                </tr>
               
                
                </tbody>
                </table>
                </div>
                </div>
                </section>
                </div>
                </div>
        </div>
        <!--body wrapper end-->

        <!--footer section start-->
        <footer class="sticky-footer"> 2020 &copy; 高校会议室预约系统 by 乐享会议 </footer>
        <!--footer section end-->


    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/script/jquery-1.10.2.min.js"></script>
<script src="js/script/jquery-ui-1.9.2.custom.min.js"></script>
<script src="js/script/jquery-migrate-1.2.1.min.js"></script>
<script src="js/script/bootstrap.min.js"></script>
<script src="js/script/modernizr.min.js"></script>
<script src="js/script/jquery.nicescroll.js"></script>

<!--lst-->
<script type="text/javascript" src="js/utilcommon.js"></script>
<script src="js/layer-v3.1.1/layer/layer.js" ></script>
<!--<script src="js/back/using.js"></script>-->

<!--common scripts for all pages-->
<script src="js/scripts.js"></script>

<!--<script>-->
<!--    function load(){-->
<!--        var url=Config.host+"";-->
<!--        var data = {};-->
<!--        var func=function(returndata){-->
<!--            var html = "<tbody>";-->
<!--            console.log(returndata.data);-->
<!--            if (returndata.data[0] != null){-->
<!--                for (var i = 0 ; i < returndata.data.size ; i++){-->
<!--                    html+="<tr class=\"\">";-->
<!--                    html+="<td>"+returndata.data[0].name+"</td>";-->
<!--                    html+="<td>"+returndata.data[0].name+"</td>";-->
<!--                    html+="<td>"+returndata.data[0].name+"</td>";-->
<!--                    html+="<td>"+returndata.data[0].name+"</td>";-->
<!--                    html+="<td>"+returndata.data[0].name+"</td>";-->
<!--                    html+="<td>"+returndata.data[0].name+"</td>";-->
<!--                    html+="<td>"+returndata.data[0].name+"</td>";-->
<!--                    html+="<td>"+returndata.data[0].name+"</td>";-->
<!--                    html+="</tr>";-->
<!--                }-->
<!--                html+="</tbody>";-->
<!--                $("#editable-sample").append(html);-->
<!--            }-->
<!--        }-->
<!--        AJAX.get(url,data,func);-->
<!--    }-->
<!--    load();-->
<!--</script>-->

</body>
</html>
